html,body{
	width: 100%;
	height: 100%;
}
body{
	background: #9daa90 url(../img/bg.jpg) no-repeat;
	background-size: cover;
}



/* Let's get this party started */
::-webkit-scrollbar {
	width: 5px;
	margin: 0;
	padding:0;
}

/* Track */
::-webkit-scrollbar-track {
	background: #dddddd;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	/*-webkit-border-radius: 10px;*/
	/*border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
	/*-webkit-scrollbar-thumbwebkit-border-radius: 10px;*/
	/*border-radius: 10px;*/
	background: #bbbbbb;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #aaaaaa;
}





.chat{
	padding-top: 100px;
}
.chat-frame{
	width: 700px;
	background: rgba(255,255,255,.5);
	margin: 0 auto;
}
.chat-frame .title{
	padding: 5px 10px;
}
.chat-frame .box .msg .msg-list{
	height: 300px;
	background: #fff;
	overflow-y: scroll;
	padding: 6px;
}
.chat-frame .box .msg .msg-input{

	background: #fff;
}
.chat-frame .box .msg .msg-input .tool{
	padding: 5px 10px;
	min-height: 40px;
}
.chat-frame .box .msg .msg-input .tool .chip{
	margin: 0;

}
.chat-frame .box .msg .msg-input textarea{
	height: 80px;
	width: 100%;
	background: #fff;
	padding: 10px;
	border: none;
	resize: none;
	outline: none;
	font-size: 13px;

}
.chat-frame .box .msg .msg-input .submit{
	margin-top: 10px;
}

.chat-frame .box .msg .msg-list .msg-item{
	text-align: center;
	overflow: hidden;
	margin: 5px 0;
}

.chat-frame .box .msg .msg-list .msg-item .system{
	display: inline-block;
	padding: 2px 5px;
	font-size: 10px;

	color: #fff;
	background-color: rgba(0,0,0,.3);
	border-radius: 10px;
}

.chat-frame .box .msg .msg-list .msg-item .avatar{
	cursor: pointer;
}
.chat-frame .box .msg .msg-list .msg-item .content{
	font-size: 12px;
	color: #666;
}
.chat-frame .box .msg .msg-list .msg-item .left-item .content{
	margin-left: 50px;
}
.chat-frame .box .msg .msg-list .msg-item .right-item .content{
	margin-right: 50px;
}
.chat-frame .box .msg .msg-list .msg-item .left-item .content>span{
	background: #00C853;
	position: relative;
}
.chat-frame .box .msg .msg-list .msg-item .left-item .content>span::before{
	content: " ";
	position: absolute;
	top: 9px;
	right: 100%;
	border: 6px solid transparent;
	border-right-color: #00C853;
}
.chat-frame .box .msg .msg-list .msg-item .right-item .content>span{
	background: #00b0ff;
	position: relative;
}
.chat-frame .box .msg .msg-list .msg-item .right-item .content>span::after{
	content: " ";
	position: absolute;
	top: 9px;
	left: 100%;
	border: 6px solid transparent;
	border-left-color: #00b0ff;
}
.chat-frame .box .msg .msg-list .msg-item .content>span{
	display: inline-block;
	min-height: 40px;
	padding: 5px 10px;
	color: #fff;
	border-radius: 10px;
}

.info{

}
.info .info-form{
	margin-right: 20px;
}

.info .info-form .avatar{
	text-align: center;
}
.linked .nickname{
	text-align: center;
}

.info .inline-list{
	margin-top: 10px;
	margin-right: 20px;
}
.info .inline-list .inline-title{
	color: #00b0ff;
	text-align: center;
	padding: 5px 0;
	background-color: rgba(100,100,100,.3);
	margin-bottom: 10px;
}
.info .inline-list .inline-box{
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;
}
.info .inline-list .inline-box .chip{
	background-color: #fff !important;
	cursor: pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width: 140px;
}